<div class="main-container">
    <div class="search-wrap">
        <form nz-form [nzLayout]="'inline'" [formGroup]="searchForm">
            <nz-form-item>
                <nz-form-label>设备名称</nz-form-label>
                <nz-form-control>
                    <input formControlName="name" nz-input placeholder="设备名称"/>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-control>
                    <button nz-button nzType="primary" (click)="queryInfo()"><i nz-icon nzType="search"></i>查询</button>
                </nz-form-control>
            </nz-form-item>
        </form>
    </div>

    <div class="main-wrap">
        <nz-table #dataTable
                  class="main-table"
                  [nzData]="tableData"
                  nzBordered
                  nzSize="middle">
            <thead>
            <tr>
                <th>序号</th>
                <th>闸门名称</th>
                <th>采集时间</th>
                <th>实测值</th>
                <th>限制</th>
                <th>预警类型</th>
                <th>预警处理</th>
            </tr>
            </thead>
            <tbody>
            <tr *ngFor="let data of dataTable.data; let idx = index;">
                <td>{{idx + 1}}</td>
                <td>{{data.name}}</td>
                <td>{{data.ctTime}}</td>
                <td>{{data.value}}</td>
                <td>{{data.limitValue}}</td>
                <td>{{data.type}}</td>
                <td>{{data.process}}</td>
            </tr>
            </tbody>
        </nz-table>
    </div>

</div>
